<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Register Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/style.css">
</head>
<body>

	<div class = "regform">
	<div class="panel panel-primary">
		<div class="panel-heading"><h4> Registration Form </h4></div>
		<div class="panel-body">
			<form action = "Registration" method = "post">
			<table width = "70%">
			<tr> <td> <label> First Name : </label> </td><td> <input type = "text" name = "fName" placeholder = "First Name"></td></tr>
			<tr><td> .</td></tr>
			<tr> <td> <label> Last Name : </label> </td><td> <input type = "text" name = "lName" placeholder = "Last Name"></td></tr>
			<tr><td> .</td></tr>
			<tr> <td> <label> Faculty : </label> </td><td> <input type = "text" name = "faculty" placeholder = "Faculty Name"></td></tr>
			<tr><td> .</td></tr>
			<tr> <td> <label> Field : </label> </td><td><select name = "field"> <option> Web Application</option> <option> Mobile Application</option> <option> Data whareHouse</option> </select> </td></tr>
			</table>
			 <input type = "submit" value = "Register" class = "btn btn-success pull-right">
			
			</form>
			
		</div>
	</div>
	</div>
	<script src="bootstrap/js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"> </script>
</body>
</html>